{% extends "prof_base.html" %}

{% block title %}
Busca de aulas dadas
{% endblock title %}

{% block extrahead %}
$(function() {
		$('#botao_busca').addClass('active');
                $( "#id_data_nascimento" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd/mm/yy',
                        yearRange: '1900:2011'
		});
	});

{% endblock extrahead %}

{% block content %}
<div class="box-header clear">
	<h2>Busca de Aulas Dadas</h2>
</div>

<div class="box-wrap clear">
{% if messages %}
	{% for message in messages %}
	<div class="notification note-attention">
		    <a href="#" class="close" title="Close notification">close</a>
		    <p><strong>Notificação do Sistema: </strong> {{ message }} </p>
	</div>
	{% endfor %}
{% endif %}
<div id="data-table">
	<form method="post" action="">
		<table class="style1 datatable">
		<thead>
			<tr>
				<th>Data da aula:</th>
				<th>Aluno:</th>
				<th>Local:</th>
				<th>Editar relatório:</th>
			</tr>
		</thead>
		<tbody>
			{% load status_aula %}
			{% for aula in aulas %}
				{% if aula.fim < hoje %}
					{% if not aula.relatorio %}
					<tr>
						<td>{{aula.inicio}}</td>
						<td>{% for aluno in aula.aluno.all %} {{aluno.nome}}; {% endfor %}</td>
						<td>{{aula.local}}  - {{aula.id|ver_endereco}}</td>
						<td><a href="/relatorio_aula/{{aula.id}}/"><img src="/static/images/edit_icon.png" alt="" width="20" height="20" class="picture" align="center"/></td>
					</tr>
					{% endif %}
				{% endif %}
			{% endfor %}
			
		</tbody>
		</table>
		
		<div class="tab-footer clear fl">
		</div>
	</form>
</div><!-- /#table -->

</div><!-- end of box-wrap -->
{% endblock content %}